import React, { FC } from 'react';
import RouterView from 'router/index'
import { Row, Col, Layout, Menu } from 'antd'
import MenuLeft from './components/MenuLeft'
import './index.scss'

const { Header } = Layout;

const BasicLayouts:FC<any> = (props) => {
  return <Row className="container">
    {/* 2-22 / 6-18 */}
    <Col span={6} className="left">
      <MenuLeft />
    </Col>
    <Col span={18} className="right">
      <Row className="header-wrapper">
        <Header className="header">头部</Header>
      </Row>
      <Row className="main-wrapper">
        <RouterView routes={props.routes}/>
      </Row>
    </Col>
  </Row>
}
/**
  return <div className="basic-container">
      <Row className="header-wrapper">
        <Header className="header">头部</Header>
      </Row>

      <Row className="content-wrapper">
        <Col span={4} className="basic-left">
        </Col>
        <Col span={20} className="basic-right">
          <RouterView routes={props.routes}/>
        </Col>
      </Row>
   </div>
 */


export default BasicLayouts;
